﻿<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>

  <script>
    const socket = new WebSocket(
      'wss://www.baidu.com/bjxtwss/ws?imei=865257066621913&local=zh_CN&timeZone=Asia/Shanghai',
    );

    // 连接成功时触发
    socket.addEventListener('open', function (event) {
      //   console.log("WebSocket connected");
      // 可以在这里发送请求获取 JSON 数据
      //   socket.send("Request JSON data");
      let data = { imei: '865257066621913', userid: '1' };
      socket.send(JSON.stringify(data));
    });

    // 接收服务器发送的消息
    socket.addEventListener('message', function (event) {
      const data = JSON.parse(event.data); // 解析接收到的 JSON 数据

      displayImages(data); // 调用显示图片的函数
    });

    function displayImages(data) {
      const images = data.list[0].zd11; // 假设 JSON 数据中有一个名为 images 的数组，包含图片 URL
      createAndDisplayImage(images);
      //   images.forEach((url) => {

      //   });
    }

    function createAndDisplayImage(url) {
      const img = document.createElement('img');
      //   img.src = url;
      img.src = 'https://www.baidu.com/bjxt/' + url + '?t=' + Date.now();
      img.alt = 'Image';
      // 可以根据需要调整图片的样式
      img.style.width = '289.09px';
      img.style.height = '380px';
      document.body.appendChild(img);
    }

    // 连接出错时触发
    socket.addEventListener('error', function (error) {
      console.log('WebSocket error:', error);
    });

    // 连接关闭时触发
    socket.addEventListener('close', function (event) {
      console.log('WebSocket closed');
    });
  </script>
</html>
